---
title: RHC
date: 2021-03-21
description: 一个 React 组件生成器
source: https://github.com/elianiva/rhc
type: open-source
stack:
  - [React, https://reactjs.org/]
  - [Node.js, https://nodejs.org/]
---

一个用于生成 React 组件的命令行工具。它可以快速创建不同类型的 React 组件，减少重复工作。

## 特性

- 支持多种组件类型（函数组件、类组件等）
- 自动创建组件文件结构
- 可自定义的模板
- 支持 TypeScript
- 易于使用

## 安装

```bash
npm install -g rhc
```

## 使用方法

### 创建页面

```bash
rhc create-page MyPage
```

这将创建一个页面组件，包含以下结构：
```
src/pages/MyPage/
├── index.tsx
├── MyPage.tsx
├── MyPage.styles.ts
└── MyPage.types.ts
```

### 创建组件

```bash
rhc create-component MyComponent
```

这将创建一个普通组件，包含以下结构：
```
src/components/MyComponent/
├── index.tsx
├── MyComponent.tsx
├── MyComponent.styles.ts
└── MyComponent.types.ts
```

### 创建带路由的页面

```bash
rhc create-page MyPage --route
```

这将创建一个带路由配置的页面。

## 配置

你可以在项目根目录创建一个 `.rhcrc` 文件来自定义配置：

```json
{
  "component": {
    "path": "src/components",
    "style": "css",
    "typescript": true
  },
  "page": {
    "path": "src/pages",
    "style": "scss",
    "typescript": true
  }
}
```

## 模板自定义

RHC 支持自定义模板。你可以在 `.rhcrc` 文件中指定自定义模板路径。

## 许可证

MIT